<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<title>List Directorates</title>
		<meta name="description" content="" />
		<meta name="author" content="HaiNHH1" />

		<meta name="viewport" content="width=device-width; initial-scale=1.0" />

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
		<!--[if lt IE 9]>
		<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<script src="../Javascript/Flot/excanvas.js"></script>
		<![endif]-->
		<!-- The Fonts -->
		<link href="http://fonts.googleapis.com/css?family=Oswald|Droid+Sans:400,700" rel="stylesheet" />
		<!-- The Main CSS File -->
		<link rel="stylesheet" href="../CSS/style.css" />
		<!--MyCSS-->
		<link rel="stylesheet" href="../CSS/hainhh1.css" />
		<!-- jQuery -->
		<script src="../Javascript/jQuery/jquery-1.7.2.min.js"></script>
		<!-- Flot -->
		<script src="../Javascript/Flot/jquery.flot.js"></script>
		<script src="../Javascript/Flot/jquery.flot.resize.js"></script>
		<script src="../Javascript/Flot/jquery.flot.pie.js"></script>
		<!-- DataTables -->
		<script src="../Javascript/DataTables/jquery.dataTables.min.js"></script>
		<!-- ColResizable -->
		<script src="../Javascript/ColResizable/colResizable-1.3.js"></script>
		<!-- jQuryUI -->
		<script src="../Javascript/jQueryUI/jquery-ui-1.8.21.min.js"></script>
		<!-- Uniform -->
		<script src="../Javascript/Uniform/jquery.uniform.js"></script>
		<!-- Tipsy -->
		<script src="../Javascript/Tipsy/jquery.tipsy.js"></script>
		<!-- Elastic -->
		<script src="../Javascript/Elastic/jquery.elastic.js"></script>
		<!-- ColorPicker -->
		<script src="../Javascript/ColorPicker/colorpicker.js"></script>
		<!-- SuperTextarea -->
		<script src="../Javascript/SuperTextarea/jquery.supertextarea.min.js"></script>
		<!-- UISpinner -->
		<script src="../Javascript/UISpinner/ui.spinner.js"></script>
		<!-- MaskedInput -->
		<script src="../Javascript/MaskedInput/jquery.maskedinput-1.3.js"></script>
		<!-- ClEditor -->
		<script src="../Javascript/ClEditor/jquery.cleditor.js"></script>
		<!-- Full Calendar -->
		<script src="../Javascript/FullCalendar/fullcalendar.js"></script>
		<!-- Color Box -->
		<script src="../Javascript/ColorBox/jquery.colorbox.js"></script>
		<!-- Kanrisha Script -->
		<script src="../Javascript/kanrisha.js"></script>
	</head>

	<body>
		<div>
			<div id="list_directorates" class="g_12">
				<div id="inner_content" class="widget_contents noPadding">
					<div class="dataTables_wrapper">
						<div id="table_header" class="dtTop">
							<div class="dtFilter ">
								<div id="filter_left" class="label">
									<a href="#">All</a>
									|
									<a href="#">0 - 9</a>
									|
									<a href="#">A B C D E</a>
									|
									<a href="#">F G H I J</a>
									|
									<a href="#">K L M N</a>
									|
									<a href="#">O P Q R</a>
									|
									<a href="#">S T U V</a>
									|
									<a href="#">W X Y Z</a>
								</div>
							</div>
							<div class="dtShowPer">
								<div id="">
									<input type="button" class="simple_buttons" value="Create"/>
									<input type="checkbox" class="simple_form"/>
									<span class="label">Include In-active</span>
								</div>
							</div>
						</div>
						<div id="table_content" class="widget_contents noPadding">
							<div class="dtTables">
								<table class="tables noObOLine dataTable">
									<thead>
										<tr>
											<th class="sorting"> BU/Directorate Name </th>
											<th class="sorting"> Office Address Line 1 </th>
											<th class="sorting"> Postcode </th>
											<th class="sorting"> Contact </th>
											<th class="sorting"> Is Active? </th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td> BKHN </td>
											<td> No 1 Dai Co Viet Street </td>
											<td> SE1111 </td>
											<td> Hoang Hai Nguyen </td>
											<td> Yes </td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
						<div id="table_footer" class="dtBottom">
							<div id="table_paging" class="dtPagination">
								<a>First</a>
								<a>Previous</a>
								<a>1</a>
								<a>2</a>
								<a>...</a>
								<a>10</a>
								<a>Next</a>
								<a>Last</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<footer>
				<p>
					&copy; Copyright  by hainhh
				</p>
			</footer>
		</div>
	</body>
</html>
